@media only screen and (max-width: 1440px) {
	.history .swiper-slide a{padding: 60px 20px 0;width: 100%;}
}
@media only screen and (max-width: 1366px) {
	.history .swiper-slide a{padding: 30px 20px 0;height: 355px;}
	.history .swiper-slide a time{font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
	.divBox{width: 1200px;}
}
@media only screen and (max-width: 1024px) {
	.theCase ul.thcaseList li{height: 337px;}
	/*.theCase ul.thcaseList li div{top: 246px;}*/
	.divBox{width: 95%;}
	.banner .bannerLeft div{top: -118px;}
	.banner .bannerLeft p{padding: 0 7px;}
	.banner .bannerLeft h2{font-size: 30px;}
	.banner .bannerLeft span{letter-spacing: 2px;}
	.banner .bannerLeft p{font-size: 16px;}
	.about .aboutLeft{width: 370px;}
	.about .aboutRight{width: 577px;}
	.history .swiper-pagination{width: 100%;}
	.history .swiper-slide a{height: 300px;}
	.history .swiper-slide a time{font-size: 16px;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{width: 23%;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{height: 152px;}
	.case .cases ul li.caseFirst span{margin: 0 auto 10px;}
	.case .cases ul li.caseFirst h4:before{left: 5px;}
	.case .cases ul li.caseFirst h4:after{right: 5px;}
	.case .cases ul li.cseLast .more1 span{width: 95px;}
	.news .newsBox, .news .companyNews{width: 49.5%;}
	.news .divBox div div a:first-child{width: 100px;}
	.news .divBox div div a:nth-child(2){width: calc(100% - 100px);}
	.news .divBox div div a:first-child time{font-size: 17px;}
	.news .divBox div div a:last-child span, .news .divBox div div a:last-child p{font-size: 16px;}
	.news .divBox div div a:last-child time, .newsList li a time{font-size: 13px;}
	.newsList li a span, .newsList li a p{font-size: 14px;}
	.teamItem .swiper-slide a{width: 100%;}
	.cantact .cantactList>li:first-child{margin-right: 10px;}
	.cantact .cantactList>li:last-child li a{margin-left: 10px;}
	.cantact .cantactList>li form li input{width: 197px;}
	.theProductItem {width: 100%;}
	.theProductItem .wiper-slide{width: 100%;}
	.theCantact .theCantactMap>a.cd{left: 145px;}
	.theCantact .theCantactMap>a.bg{left: 793px;}
	.theCantact .theCantactMap>a.sh{left: 810px;}
	.theService .theServices .theServiceList>li div.active>ul>li{margin-right: 10px;width: 127px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>p{width: 150px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>div{width: calc(100% - 151px);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.touziMan .swiper-slide a img, .touziMan .swiper-slide a{width: 100%;height: auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theTouzi ul{padding-left: 38px;}
	.touziMan{padding: 0 38px;}
	.theGonggao .swiper-slide ul li .ggMan{padding: 24px 54px 24px 7px;}
	.theGonggao .swiper-slide ul li .btn{right: 4px;}
	.theGonggao .swiper-slide ul li .ggMan p{width: 282px;}
	.theCase ul.thcaseList li{width: 32%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theCase ul.thcaseList li img{width: 100%;}
	/*.theCase ul.thcaseList li:hover img{width: 437px;}*/
	.theCaseMan div a{width: 135px;}
	.theAbout .divBox>span{margin-top: 15px;}
	.theTeam .swiper-slide a{width: 100%;height: 310px;}
	.theTeam .swiper-slide a .teamMan p{padding: 4px 20px;}
	.zhuti ul li{width: 49%;height: 268px;}
	.zhuti ul li div div{padding: 4px 55px;}
	.zhuti ul li div div .more{margin: 25px 0 0 186px;}
	.rongyu ul li div img{width: 100%;}
	body{overflow-x: hidden;}
	.theNewsXQ .divBox .theNewsXQ1{/*width: calc(100% - 289px);*/width:100%;}
	header .nav nav ul>li a{padding: 0 28px;}
	.erziXQ .divBox img{width: 100%;}
	.erziXQ .divBox p{padding: 0;}
	.product .products li a{width: auto;}
	.mymap .sp1{left: 200px;}
	.mymap .sp2{left: 316px;}
	.mymap .sp3{left: 542px;}
	.mymap .sp4{left: 711px;}
	.mymap .sp5{left: 700px;}
	.mymap .sp6{left: 690px;}
	.theTeam .swiper-slide a img{height: 211px;}
	.theTeam .swiper-slide:hover a img{width: auto;height: 100%;}
	.yuanjing ul li{width: 25%;height: 294px;}
	.yuanjing ul li div{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theCase ul.thcaseList li div p{height: 149px;}
	.theCase ul.thcaseList li div>a{margin-top: 0;}
	.theProduct1 .productClass ul li:last-child .yello{margin-left: -82px;}
}
@media only screen and (max-width: 768px) {
	header .nav nav>ul>li ul{display: none !important;}
	header .nav nav>ul>li:hover ul{display: none;}
	/*.theProduct1 .theProductMan li{background: #fff !important;}*/
	.product .products li a{width: 258px;height: 314px;}
	.banner .bannerLeft h2{font-size: 24px;}
	.banner .bannerLeft p { font-size: 13px;}
	.yuanjing ul li{width: 50%;}
	.yuanjing{padding-bottom: 40px;}
	.banner .bannerLeft div{display: none;}
	.indexBan .swiper-slide .divBox{top: 60%;}
	.banner .bannerLeft{width: 100%;}
	.banner .divBox a{float: left;margin-top: 10px;}
	.banner .bannerLeft h2{font-size: 18px;}
	.theCase ul.thcaseList li:hover div{padding: 0 15px 0;}
	.theCase ul.thcaseList li div h3{height: 50px;line-height: 50px;}
	.theCase ul.thcaseList li:hover div h3{margin-bottom: 15px;}
	.theCase ul.thcaseList li div{padding: 0 15px 0;}
	.banner .bannerLeft span{letter-spacing: 0;}
	.about .aboutLeft, .about .aboutRight{width: 100%;}
	.about .aboutLeft{margin-bottom: 20px;}
	.about, section, .product, .cantact, .team, .theService{padding: 30px 0 30px;}
	.theService .pBox{padding-bottom: 30px;}
	.news{padding: 210px 0 30px;}
	.about .pBox, .pBox{padding-bottom: 15px;}
	.about .aboutUs{margin-top: 15px;}
	.about .more{margin-top: 20px;}
	.about .aboutRight ul li{padding: 20px 0;}
	.news .divBox div div a:first-child{height: 205px;}
	/*section{overflow: hidden;}*/
	/*.about .aboutRight{background-size: cover !important;}*/
	/*.product .products li a img{width: 100%;}*/
	.product .products>li{width: 100%;padding-bottom: 0px;margin-bottom: 15px;border-right: none;}
	.product .products>li:after{content: '';clear: both;display: block;}
	.product .products li a{float: left;}
	.product .products li a.productMan{padding: 30px 100px;position: inherit;opacity: 1;width: calc(100% - 258px);height: 314px;}
	.product .products li a.productMan h3{font-size: 17px;margin-bottom: 40px;margin-left: 0;}
	.product .products li a.productMan ol{margin-left: 0;}
	.product .products li a.productBtn{left: 95%;border-color: #fff;background-color: #fff;bottom: 50%;}
	.product .products{margin-bottom: 30px;}
	.case .cases ul li.cseLast .more1 span{width: 76px;}
	.case .cases{width: 100%;}
	.case .cases ul{margin-left: 0;width: 100%;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{width: 50%;height: 247px;overflow: hidden;}
	.case .cases ul li.caseFirst h4:before{left: 50px;}
	.case .cases ul li.caseFirst h4:after{right: 50px;}
	.news{padding: 867px 0 30px;}
	.case .cases ul li.cseLast .more1 span{width: 150px;color: #fff;}
	.case .cases ul li.caseFirst span{margin-top: 30px;}
	.news .newsBox, .news .companyNews{width: 100%;}
	.news .divBox div div a:nth-child(2) {
	    width: calc(100% - 200px);
	}
	.theTeam .swiper-slide a img{width: 100%;height: auto;}
	.theTeam .swiper-slide:hover a img{width: 100%;height: auto;}
	.news .divBox div div a:first-child{width: 200px;}
	.news .divBox div div a:first-child time{font-size: 35px;}
	.news .more, .team .more{margin: 25px auto 0;}
	.cantact .cantactList>li{width: 100%;}
	.cantact .cantactList>li li, .cantact .cantactList>li>p{margin-bottom: 15px;}
	.cantact .cantactList>li:first-child{}
	.cantact .cantactList>li:first-child ul:after{content: '';display: block;clear: both;}
	.cantact .cantactList>li:first-child li{width: 100%;}
	.cantact .cantactList>li:last-child li a{margin-left: 10px;}
	.cantact .cantactList>li form li input{width: 230px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.cantact .cantactList>li form li input{width: 49%; margin-right: 2%;}
	.cantact .cantactList>li form li input:nth-child(2){margin-right: 0%;}
	.cantact .cantactList>li form li:last-child input{bottom: 10px;}
	.cantact .cantactList{margin: 75px 0 0px;}
	footer .divBox{height: auto;text-align: center;}
	footer .divBox ul{float: none;display: inline-block;}
	footer .divBox{line-height: 24px;}
	.theProduct1 .productClass ul li:last-child .yello{left: 0;margin-left: 0;}
	.theProduct1 .productClass ul li{width: 18%;}
	.theProduct1 .theProductMan{padding: 20px 0;}
	.theProduct1 .theProductMan li{width: 100%;}
	.theProduct1 .theProductMan li>img{opacity: 1;}
	.theProduct1 .theProductMan li>div div .more:before{display: none;}
	.theProduct1 .theProductMan li>div div .more span{color: #8E8E8E;background: url(ico-right02.png) no-repeat 80px center;}
	.theCantact .theCantactMap>img{width: 100%;}
	.theCantact .theCantactMap>a.cd{top: 76px;left: 111px;}
	.theCantact .theCantactMap>a.bg{top: 119px;left: 591px;}
	.theCantact .theCantactMap>a.sh{top: 156px;left: 591px;}
	.theCantact1-man{padding: 30px 20px;}
	.theCantact1-man .slidewrapBox{padding-bottom: 30px;}
	.theRecruitment-prev, .theRecruitment-next{margin: 20px 15px 0;}
	.theCantact .theCantactMap .cantactMapMod{width:100%;}
	.cantactMapMod .swiper-slide{padding: 30px 0;}
	.cantactMapMod h3{height: 55px;}
	.theCantact .theCantactMap .cantactMapMod{height: 335px;}
	.theCantact1-title h3{    margin-top: 30px;margin-bottom: 30px;}
	.theCantact1-title h3:after{bottom: -33px;}
	.theCantact1-title .theCantact1XQ{margin-bottom: 30px;}
	.theCantact1-man>p{height: auto;margin-bottom: 20px;}
	.theService .theServices{margin-top: 30px;padding: 20px;}
	.theService .theServices .theServiceList>li div.active>ul{padding: 20px 15px;}
	.theService .theServices .theServiceList>li div.active>ul>li ul li{font-size: 12px;}
	.theService .theServices .theServiceList>li div.active>ul>li{margin-right: 2px;width: 107px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>p{width: 110px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>div{width: calc(100% - 111px);padding: 20px 15px;}
	.theService .theServices .theServiceList>li div p{margin-bottom: 0;}
	.theService .yello{margin: 30px auto;}
	.theGupiaoXX{margin: 30px 0 5px;}
	.theGupiao img{width: 95%;}
	.theTouzi ul{margin: 30px 0;}
	.theGonggao .swiper-slide ul li .ggMan{width: calc(100% - 130px);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 24px 80px 24px 20px;}
	.theGonggao .swiper-slide ul li .ggMan p{width: 100%;}
	.theGonggao .swiper-slide ul li .btn{right: 20px;}
	.theEventsMan .swiper-slide a img{width: 100%;}
	.theEventsMan .swiper-slide{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theSearchMan.theNewsList .theSearchList li .time{width: 89px;}
	.theSearchMan.theNewsList .theSearchList li .newsImg{margin-right: 10px;}
	.theSearchMan.theNewsList .theSearchList li .newsMan{width: 360px;}
	.theSearchMan.theNewsList .theSearchList li .more{display: none;}
	.theSearchMan.theNewsList .theSearchList li{padding: 10px 0;}
	.theSearchMan.theNewsList .page{width: 100%;padding: 20px 0;}
	.theCase ul.thcaseList li img{height: auto;}
	.theCase ul.thcaseList li{height: 258px;margin-bottom: 20px;}
	.theCase ul.thcaseList li div{/*top: 208px;*/background: rgba(255,255,255,0.8);}
	.theCase ul.thcaseList li div h3{font-size: 18px;margin-bottom: 35px;}
	.theCase ul.thcaseList li img{height: 100%;}
	/*.theCase ul.thcaseList li div h3:after{opacity: 1;}*/
	.theCase .page{margin-top: 20px;}
	.theCase ul.thcaseList li img{width: auto;}
	.theCase ul.thcaseList li div p{height: 108px;}
	.theCaseMan{padding: 15px;}
	.theCaseMan p {line-height: 22px;margin-bottom: 10px;}
	.theAbout .divBox .theAbout-title, .theAbout .divBox>span{margin-top: 20px;}
	.theAbout{padding: 30px 0;}
	.theTeam .swiper-slide a{height: auto;}
	.zhuti ul li{width: 100%;height: 416px;margin-bottom: 10px;}
	.zhuti ul li div div{padding: 78px 55px;}
	.rongyu ul li{width: 100%;}
	.rongyu ul li{height: 400px;}
	.theAbout .divBox img{width: 100%;}
	.theNewsXQ .divBox .theNewsXQ2{display: none;}
	.theNewsXQ .divBox .theNewsXQ1{width: 100%;}
	.theNewsXQ .divBox>ul{margin: 30px 0;}
	.theNewsXQ .divBox .theNewsXQ1 nav{margin-bottom: 30px;}
	header .nav{position: relative;}
	header .nav nav{position: absolute;top: 100%;left: 0;width: 100%;background: rgba(0,0,0,0.8);z-index: 9999;display: none;}
	header .nav nav ul{width: 100%;}
	header .nav nav ul>li{width: 100%;border-bottom: 1px solid #AFB0B2;text-align: center;}
	header .nav nav ul>li a{display: block;font-size: 25px;color: #fff;}
	header .nav nav ul>li a:after, header .nav nav ul>li.active a:after{display: none;}
	header .nav nav ul>li.active{background: #B19464;}
	header .nav nav ul>li.active a{color: #fff;}
	header .nav .navbar{display: block;}
	header .nav{padding: 0;width: 95%;margin: 0 auto;}
	header .top, header .nav{width: 100%;padding: 0 2.5%;}
	.erziXQ{padding-bottom: 30px;}
	.erziXQ .divBox a{margin-top: 30px;}
	.erziXQ .divBox p, .erziXQ .divBox div{margin-top: 15px;}
	.erziXQ .divBox div{padding: 15px;}
	.erziXQ .divBox div h3{padding-bottom: 15px;}
	.erziXQ .divBox div h4{margin: 15px 0;}
	.erziXQ .divBox h4{margin-bottom: 40px;}
	.erziXQ .divBox h4:after{bottom: -20px;}
	header .navbar{display: block;}
	header nav{display: none;position: absolute;top: 100%;width: 100%;background: rgba(0,0,0,0.6);z-index: 9999;margin-right: 0;}
	header nav ul li{height: 60px;line-height: 60px;width: 100%;text-align: center;margin: 0;border-bottom: 1px solid #E6E8E9;}
	header nav ul li.active{background: #1F9AE2;}
	header nav ul li a{padding: 0;display: block;color: #fff;}
	header nav ul li.active a{color: #fff;}
	header nav ul li a:after{display: none;}
	.mymap .sp1{left: 116px;}
	.mymap .sp2{left: 222px;top: 248px;}
	.mymap .sp3{left: 419px;top: 128px;}
	.mymap .sp4{left: 582px;top: 78px;}
	.mymap .sp5{left: 107px;top: 562px;}
	.mymap .sp6{left: 547px;top: 137px;}
	.theSearchMan.theNewsList .theSearchList li h3{overflow: hidden;}
	.theRecruitment .theRecruitmentList>li.active{height: 370px;}
	.xqRightList>li{width: 100%;}
	.pinzhiBar .swiper-slide ul li{height: 130px;}
	header .nav .search{right: 10px;}
	header .nav .navbar{margin-right: 110px;}
	.zhuti{padding-bottom: 20px;}
	.theCase ul.thcaseList li:hover img{width: 100%;}
	.theCase ul.thcaseList li img{width: 100%;}
	.theErzi .theErziList{padding-top: 30px;}
	.theErzi .erziBox .swiper-button-prev{left: 0;}
	.theErzi .erziBox .swiper-button-next{right: 0;}
	.theCase ul.thcaseList li div{height: 50px;}
	.contact ul li{width:100%;float:left;}
}
@media only screen and (max-width: 640px) {
	.theCase ul.thcaseList li:hover div h3{margin-bottom: 35px;}
	.theCase ul.thcaseList li div{height: 90px;}
	.tb-pic a img{pointer-events: none;}
	.box{width: 100%;}
	.xqLeft{margin-bottom: 10px;}
	.xqRight{height: 360px;}
	.tb-s310, .tb-s310 img, .tb-s310, .tb-s310 a, .tb-s310, .tb-s310 img{max-width: 100%;width: 100%;}
	.about .aboutRight .aboutRight-title{position: inherit;left: 0;top: 0;}
	.about .aboutRight .aboutRight-title p{font-size: 16px;line-height: 26px;margin-bottom: 15px;}
	.about .aboutRight ul{float: none;width: 100%;}
	.about .aboutRight ul:after{content: '';display: block;clear: both;}
	.about .aboutRight ul li{float: left;width: 32%;margin-right: 2%;border-top: 1px solid #E0E0E0;}
	.about .aboutRight ul li:last-child{margin-right: 0;}
	.about .aboutRight{background: #fff;height: 237px;}
	.about .aboutRight ul{border-top: none;}
	.about .aboutRight ul li h3{font-size: 36px;}
	.about .aboutRight ul li p{font-size: 12px;}
	.history .pBox, .news .pBox, .team .pBox, .pBox{padding-bottom: 20px;margin-bottom: 20px;}
	.history .swiper-pagination-bullet{margin-right: 10px;}
	.history{padding: 30px 10px 40px 10px;}
	.history .historyList{margin-bottom: 20px;}
	.product .productClass li a{padding: 0 20px;}
	.product .products li a.productMan{padding: 20px 60px;position: absolute; opacity: 1;width: 100%;height: 290px;}
	.product .products li a.productMan h3{font-size: 17px;margin-bottom: 24px;margin-left: 0;}
	.product .products li a.productMan h3:after{bottom: -12px;}
	.product .products li a.productMan ol{margin-left: 0;}
	.product .products li a.productBtn{left: 90%;bottom: 23%;}
	.product .products li a:first-child{width:100%;}
	.product .products li a:first-child img{margin: 0 auto;}
	.product .products{margin-bottom: 15px;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{width: 100%;height: 267px;}
	.case{height: auto;}
	.case .cases{position: inherit;}
	.news{padding: 30px 0 30px;}
	.yuanjing{padding-bottom: 20px;}
	.theProduct1 .productClass ul li{width: 100%;}
	.theProduct1 .productClass ul li:last-child .yello{left: 50%;margin-left: -100px;}
	.theProduct .swiper-slide div .more{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.news .divBox div div a, .news .divBox div div a:first-child, .news .divBox div div a:nth-child(2){width: 100%;}
	.news .divBox div div a:first-child{height: 55px;}
	.news .divBox div div a:first-child time{display: inline-block;}
	.news .divBox div div a:last-child p, .newsList li a p{width: 275px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
	.news .divBox div div a:last-child span, .news .divBox div div a:last-child p{font-size: 14px;}
	.news .divBox div div a:last-child time, .newsList li a time{font-size: 12px;}
	.news .divBox div div a:last-child span:after, .newsList li a span:after{height: 12px;}
	.news .divBox div div a:first-child span:after{display: none;}
	.news .more, .team .more{margin-top: 15px;}
	.teamBar{padding: 0 30px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
	.cantact{padding-bottom: 0;}
	.banner .bannerLeft{text-align: center;width: 100%;}
	.banner .bannerLeft p{width: 100%;padding: 5px 0;height: auto;line-height: 22px;}
	.product .productClass li a{padding: 0 15px;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{height: 242px;}
	.banner .divBox a{margin-left: 20%;}
	.page{float: none;display: inline-block;margin-top: 20px;}
	.page a{padding: 0 12px;}
	.theProduct1{padding-bottom: 30px;padding-top: 30px;}
	.theCantact2{height: 705px;}
	.theCantact2 ul{width: 100%;}
	.theCantact2 ul li input, .theCantact2 ul li textarea{width: 290px;}
	.theCantact2 ul li input[type=button]{width: 100%;}
	.theCantact2 ul li:last-child p{display: none;}
	.theCantact .theCantactMap .cantactMapMod{position: inherit;opacity: 1;z-index: 1;}
	.theCantact .theCantactMap>a, .theCantact .theCantactMap>img{display: none;}
	.cantactMapMod .swiper-slide{padding: 20px 0;}
	.cantactMapMod h3{height: 45px;}
	.cantactMapMod span{display: none;}
	.cantactMapMod h3, .cantactMapMod .swiper-slide ul li{text-indent: 1em;}
	.cantactMapMod .swiper-slide ul li{font-size: 13px;}
	.theCantact .theCantactMap .cantactMapMod{height: 300px;}
	.theService .theServices{padding: 10px;}
	.theService .theServices .theServiceList>li{padding: 10px 0 10px;}
	.theService .theServices .theServiceList>li h4{margin-bottom: 10px;}
	.theService .theServices .theServiceList>li div{padding-top: 10px;}
	.theService .theProductTitle>li a{padding: 0 13px;}
	.theService .theServices .theServiceTitle>li{width: 100%;margin-right: 0;margin-bottom: 2px;}
	.theService .yello{margin: 20px auto 20px;}
	.theService .theServices .theServiceList>li div.active>ul>li{width: 112px;margin-bottom: 10px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>div p{width: 100%;}
	.theService .theServices .theServiceList>li>div.mafan ul li>div p:nth-of-type(2n){width: 100%;}
	.theService .theServices.theServices1 .theServiceList>li div ul li{padding: 10px;}
	.theService .theServices.theServices1 .theServiceList>li div ul li:hover{background-image: none;}
	.theSearch .divBox, .theSearchMan .page{width: 100%;text-align: center;}
	.theSearch .divBox form{width: 95%;display: inline-block;position: relative;}
	.theSearch input[type=text]{width: 100%;}
	.theSearchMan .theSearchList{padding: 30px 0;}
	.theGupiaoDM{width: 95%;}
	.theTouzi ul{padding-left: 0;}
	.theGonggao .swiper-slide ul li .ggMan{padding: 15px 53px 14px 10px;}
	.buttonBox, .theGonggao .slidewrapBox{margin-top: 30px;}
	.theMap .theMapList>li h2{width: 90px;}
	.theMap .theMapList>li ul{padding-left: 15px;}
	.theMap .theMapList>li ul li a{padding: 0 5px;}
	.theMap .theMapList>li ul{width: calc(100% - 109px);}
	.theSearchMan.theNewsList .theSearchList li .time{width: 100px;}
	.theSearchMan .theSearchList li p{padding: 10px 0;}
	.theSearchMan.theNewsList .theSearchList li .newsMan{width: 100%;}
	.theSearchMan.theNewsList .theSearchList{padding-bottom: 15px;}
	.theNews{padding: 0;}
	.theNewsBan{height: 250px;background-size: cover !important;}
	.theCase ul.thcaseList li{width: 100%;}
	.theCase ul.thcaseList li img{height: auto;width: 100%;}
	.theCase ul.thcaseList li{height: auto;}
	.theCase ul.thcaseList li{margin-bottom: 10px;}
	.theCase .page{margin: 20px auto 0;display: block;}
	.page ul li{margin-top: -1px;}
	.theCaseImg, .theCaseMan{width: 100%;}
	.theCaseXQ h2{height: 85px;line-height: 85px;}
	.theErzi .theErziList li{width: 100%;margin-right: 0;}
	.theService .pBox{padding-bottom: 0px;}
	.theErzi .theErziList{padding: 30px 34px 40px;}
	.theErzi .theErziList li{padding: 15px 10px;margin-bottom: 25px;}
	.theErzi .theErziList li h2{padding: 10px 0;}
	.theErzi .theErziList li h3{margin: 10px 0;}
	.theErzi .theErziList li p{height: 105px;}
	.rongyu ul li{height: 350px;}
	.rongyu ul li:hover .rongyuMan{padding: 20px 10px 0;}
	.rongyu ul li .rongyuMan .rongyuTitle{margin-bottom: 40px;}
	.rongyu ul{margin-top: 20px;}
	.theAbout .divBox ul li{padding: 15px 0;margin: 0 5px;}
	.theHistoryItem .swiper-slide ul li div span{margin-left: 0;}
	header .top ul li{float: none;height: 24px;line-height: 24px;margin-right: 0;}
	.mymap .sp1{left: 66px;top: 41px;}
	.mymap .sp2{left: 133px;top: 137px;}
	.mymap .sp3{left: 222px;top: 68px;}
	.mymap .sp4{left: 309px;top: 42px;}
	.mymap .sp5{left: 299px;top: 60px;}
	.mymap .sp6{left: 292px;top: 75px;}
	.banner{height: 246px;}
	.indexBan{height: 246px;}
	.indexBan .swiper-slide{position: relative;overflow: hidden;}
	.indexBan .swiper-slide .divBox{top: 50%;}
	.indexBan .swiper-slide img{position: absolute;z-index: 0;width: 768px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
	.banner .bannerLeft h2{line-height: 24px;}
	.history .swiper-pagination-bullet{margin: 0 3px;}
	.yuanjing ul li{width: 100%;height: 294px;}
	.yuanjing ul li div{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theProduct{padding: 20px 0;}
	.theProduct1 .productClass ul li{width: 49%;margin-right: 2%; border: 1px solid #D8D8D9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 10px;}
	.theProduct1 .productClass ul li:nth-child(2n){margin-right: 0;}
	.theProduct1 .productClass ul li:last-child{/*width: 100%;border: none;*/}
	.theProduct1 .productClass ul li:last-child .yello{left: 50%;margin-left: -100px;}
	.theRecruitment .theRecruitmentList>li li{width: 100%;padding: 10px 0;}
	.theRecruitment .theRecruitmentList>li.active{height: 300px;}
	.theRecruitment .theRecruitmentList>li ul{height: 260px;overflow-y: scroll;}
	.theProductXiangq div.divBox{padding: 20px 0;}
	.xqLeft, .xqRight, .xqRightList li{width: 100%;}
	.xqRight{padding: 10px;}
	.xqRightList li{margin-bottom: 5px;}
	.xqRight2{padding: 15px 0;}
	.theProductXQ-1{margin-bottom: 15px;}
	.theHistoryItem .swiper-slide ul li div div p{height: 60px;overflow: hidden;}
	.theMap .theMapList>li h2{width: 100%;}
	.theMap .theMapList>li ul{width: 100%;padding-left: 0;}
	.cantact .cantactList{margin-top: 20px;}
	.theProduct1 .theProductMan li>div div img{max-width: 100%;width:100%;height:100px;}
	.news .divBox div div a:last-child{margin: 12px 0 0;}
	.newsList{padding: 10px 0;}
	.teamItem .swiper-slide a div p{font-size: 13px;}
	.teamItem .swiper-slide a div{padding: 20px 10px;}
	.pinzhiBar .swiper-slide ul li{height: 78px;}
	.pinzhi .pinzhiTitle{margin: 20px 0;}
	.pinzhiBar .pinzhiItem{padding-bottom: 20px;}
	.zhuti ul li div div .more{margin: 25px 0 0 38px;}
	.theRecruitment .theRecruitmentList>li div p, .theRecruitment .theRecruitmentList>li ul{padding: 0 10px;}
	.product .pBox, .product .productClass{margin-bottom: 30px;}
	.product .products li a, .product .products li a.productMan{height: 280px;}
	.history{background-attachment: inherit !important;    background-size: cover !important;}
	.case .cases{padding: 0;margin-top: 0;}
	.case{padding-top: 30px;overflow-x: hidden;}
	header .nav .search{width: 50px;height: 55px;display: none;}
	header .nav{height: 50px;line-height: 50px;}
	header .nav h1{padding-top: 3px;}
	header .nav .navbar{margin-top: 12px;width: 45px;margin-right: 0;}
	.about, section, .product, .cantact, .team, .theService{padding: 20px 0 20px;}
	.about .aboutUs{margin-top: 0;}
	.about .pBox{width: 100%;text-align: center;}
	.about .h2Box, .about .aboutRight .aboutRight-title h2, .about .aboutRight .aboutRight-title p{text-align: center;}
	.about .aboutRight .aboutRight-title p{line-height: 22px;font-size: 14px;}
	.about .pBox:after{width: 30px;left: 50%;margin-left: -15px;}
	.product .pBox, .product .productClass{margin-bottom: 20px;}
	.product .products>li{margin-bottom: 10px;}
	.theTeam .swiper-button-next{right: 0;}
	.theTeam .swiper-button-prev{left: 0;}
	.pinzhi .pinzhiTitle{margin: 0 0 15px;}
	.zhuti ul{margin-top: 0;}
	.zhuti ul li{height: 260px;}
	.zhuti ul li div div{padding: 0 15px;}
	.rongyu ul li .rongyuMan .rongyuTitle:after{bottom: -20px;}
	.theProduct1 .theProductMan li>div div h2{font-size: 14px;text-align: center;}
	.theProduct1 .theProductMan li>div div p{overflow: hidden;line-height: 22px;margin: 10px 0;height: 88px;}
	.theProduct1 .theProductMan li>div div:last-child{width: 67%;padding: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.theProduct1 .theProductMan li>div div:first-child{width: 33%;height: 200px;}
	.theProduct1 .theProductMan li>div div:last-child{height: 200px;}
	.theProduct1 .page{text-align: center;display: block;}
	.theProduct1 .page>a, .theProduct1 .page ul{display: inline-block;vertical-align: middle;}
	.theCantact1-title .theCantact1XQ{text-align: left;}
	.theCantact2 ul li p{margin-right: 0;}
	.theCantact2 ul li input[type=text], .theCantact2 ul li textarea{width: calc(100% - 93px);}
	/*.theCase ul.thcaseList li div{top: 345px;}*/
	.theSearchMan.theNewsList .theSearchList li .newsImg{width: calc(100% - 100px);margin-right: 0;}
	.theSearchMan.theNewsList .theSearchList li .newsImg img{width: 100%;}
	.theNewsXQ .divBox .theNewsXQ1 p img, .theNewsXQ .divBox .theNewsXQ1 img{width: 100%;height: auto;}
	.theNewsXQ .divBox .theNewsXQ1 h2{font-size: 18px;}
	.theNewsXQ .divBox .theNewsXQ1 p strong{text-align: center;display: block;}
	.theProduct1.theNews .productClass ul li:last-child{width: 48%;}
	.theProduct1.theNews .productClass ul li{width: 48%;margin-bottom: 0;border: none;}
	.banner .swiper-pagination{display: none;}
	.theCase ul.thcaseList li div h3{height: 90px;line-height: 90px;}
	/*.theCase ul.thcaseList li div{top: calc(100% - 88px);}*/
	.theCase ul.thcaseList li div>a{margin-top: 20px;}
	.theCase ul.thcaseList li div p{height: 140px;}
	.theCaseMan{min-height: auto;}
	.myCases{padding: 0;}
	.myCases .productClass ul li{margin-right: 0;margin-bottom: 0;}
	.myCases .productClass ul li:last-child{width: 49%;}
	header .top p, header .top .language a{font-size: 12px;}
	header .top .language a.en{width: 55px;}
	header .top .language a.cn{padding: 0 10px;}
}
@media only screen and (max-width: 375px) {
	.theProduct .swiper-slide>a img{width: 150px;}
	.theProduct .swiper-slide div{width: 52%;}
	.theProduct .swiper-slide div .more{width: 165px;display: inline-block;}
	.pinzhiBar .swiper-slide ul li{height: 72px;}
	.theProduct1 .theProductMan li>div div .more{width: 96%;}
	.theProduct1 .page>a:first-child, .theProduct1 .page>a:last-child{display: none;}
	.theProduct1 .page ul a{padding: 0 10px;}
	.cantactMapMod h3{text-indent: 5px;}
	.cantactMapMod .swiper-slide ul li{text-indent: 0;padding: 0 5px;}
	.theCantact1-man>ul li{width: 48%;margin-right: 4%;}
	.theCantact1-man>ul li:last-child{margin-right: 0;}
	.theCantact1-man>ul{margin-bottom: 20px;}
	.theCantact2 ul{margin-top: 30px;}
	/*.theCantact2 ul li input[type=text], .theCantact2 ul li textarea{width: calc(100% - 110px);}*/
	.theService .theServices .theServiceList>li div.active>ul>li{width: 100px;}
	.theTouzi ul li a{width: 80px;}
	.slidewrapBox .swiper-pagination{display: none;}
	.theMap .theMapList>li ul li a{padding: 0 9px;}
	/*.theSearchMan.theNewsList .theSearchList li .newsImg{width: 259px;}*/
	.theSearchMan.theNewsList .theSearchList li .newsImg img{width: 100%;}
	.theSearchMan.theNewsList .theSearchList li .time{width: 87px;}
	.theSearchMan.theNewsList .theSearchList li time{font-size: 25px;}
	.theProduct1.theNews .productClass ul li{float: left;margin-bottom: 0;}
	.theProduct1.theNews .productClass ul li:last-child{width: 49%;}
	.cantact .cantactList{margin-top: 30px;}
	.theHistoryItem .swiper-slide ul li div span{left: 2px;}
	.theHistoryItem .swiper-slide ul li div h3{float: left;width: 20%;text-align: left;margin-left: 10px;}
	.theHistoryItem .swiper-slide ul li:nth-of-type(2n) div h3{float: left;text-align: left;}
	.theHistoryItem .swiper-slide ul li div div{float: left;width: 75%;text-align: left;}
	.theHistoryItem .swiper-slide ul li:nth-of-type(2n) div div p{text-align: left;}
	.theHistoryItem{margin-top: 30px;}
	.theHistoryItem .swiper-slide ul li{margin-bottom: 10px;}
	.theHistory .slidewrapBox{overflow: hidden;}
	.theTeam ul li{margin: 0;}
	.teamBar01{padding: 0;}
	/*.zhuti ul li{height: 204px;}*/
	/*.zhuti ul li div div{padding: 0 55px;}*/
	.zhuti ul li div div h2{margin-bottom: 17px;}
	.zhuti ul li div div h2:after{bottom: -12px;}
	.zhuti ul li div div .more{margin: 7px auto 0;}
	.mymap .sp1{left: 66px;top: 41px;}
	.mymap .sp2{left: 106px;top: 116px;}
	.mymap .sp3{left: 201px;top: 59px;}
	.mymap .sp4{left: 278px;top: 38px;}
	.mymap .sp5{left: 270px;top: 51px;}
	.mymap .sp6{left: 264px;top: 60px;}
	.theProduct .swiper-slide div{padding-top: 0;}
	.theProduct .swiper-slide>a{position: relative;height: 280px;width: 100%;margin-bottom: 15px;}
	.theProduct .swiper-slide div{width: 100%;text-align: center;}
	.theProduct .swiper-slide>a img{max-width: 100%;max-height: 280px; width: auto; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
	.theProduct1 .theProductMan li>div div:first-child img{max-height: 165px;}
	.product .productClass li a{padding: 0 7px;}
	.zhuti ul li{height: 215px;}
	/*.theCase ul.thcaseList li div{top: 304px;}*/
	.theSearchMan.theNewsList .theSearchList li .newsImg{width: calc(100% - 87px);}
}
@media only screen and (max-width: 320px) {
	.about .pBox{font-size: 15px;}
	.about .aboutRight .aboutRight-title p{font-size: 14px;}
	.about .aboutRight ul li h3{font-size: 26px;}
	.about .aboutRight ul li p{height: 32px;}
	.history .swiper-pagination{display: none;}
	.product .products li a.productMan{padding: 20px;}
	.case .cases ul li, .case .cases ul li.caseFirst, .case .cases ul li.cseLast{height: 206px;}
	.case .cases ul li.cseLast .more1 span{width: 125px;}
	.news .divBox div div a:last-child span, .newsList li a span{display: none;}
	.news .divBox div div a:last-child p, .newsList li a p{width: 220px;}
	.theProduct .swiper-slide div{width: 100%;text-align: center;}
	.theProduct .swiper-slide div .more{margin: 0 auto;}
	.theCantact .theCantactMap .cantactMapMod .cantactMapBox{width: 100%;}
	.theService .theServices .theServiceList>li div.active>ul>li{width: 125px;height: 327px;}
	.theService .theServices .theServiceList>li div.active>ul>li ul li{height: 35px;line-height: 35px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>p{width: 89px;}
	.theService .theServices .theServiceList>li>div.mafan ul li>div{padding: 15px 10px;width: calc(100% - 90px);}
	.theService .theProductTitle>li a{padding: 0 7px;}
	.theGonggao .swiper-slide ul li .ggMan{padding: 10px;}
	.theGonggao .swiper-slide ul li .ggTime{width: 80px;height: 109px;}
	.theGonggao .swiper-slide ul li .ggTime a time{font-size: 19px;}
	.theGonggao .swiper-slide ul li .ggMan {width: calc(100% - 85px);}
	.theGonggao .swiper-slide ul li .btn{display: none;}
	.theTouzi ul li a{width: 68px;}
	.theSearchMan.theNewsList .theSearchList li .newsImg{margin-right: 0;}
	.theSearchMan.theNewsList .theSearchList li .time{width: 80px;}
	/*.theSearchMan.theNewsList .theSearchList li .newsImg{width: 223px;}*/
	.theCase ul.thcaseList li div>a{margin-top: 5px;}
	.theCaseMan div a{width: 120px;}
	.theCaseNav a{font-size: 13px;}
	.theCaseNav a:first-child{text-indent: 23px;}
	.theCaseXQ{padding-top: 0;}
	.theErzi .theErziList li h3{font-size: 15px;}
	.theErzi .theErziList li p{line-height: 22px;}
	.theAbout .divBox ul li h3{font-size: 28px;}
	.theAbout .divBox ul li{margin: 0 45px;}
	.theTeam ul li{width: 133px;}
	.rongyu ul li .rongyuMan .rongyuTitle{margin-bottom: 13px;}
	.rongyu ul li{height: 380px;}
	.banner .bannerLeft p{overflow: hidden;}
	.mymap .sp1{left: 52px;top: 32px;}
	.mymap .sp2{left: 88px;top: 96px;}
	.mymap .sp3{left: 172px;top: 51px;}
	.mymap .sp4{left: 236px;top: 30px;}
	.mymap .sp5{left: 229px;top: 44px;}
	.mymap .sp6{left: 223px;top: 55px;}
	.pinzhiBar .swiper-slide ul li{height: 64px;}
	.zhuti ul li{height: 213px;}
	.rongyu ul li .rongyuMan .rongyuTitle{margin-bottom: 40px;}
	/*.theCase ul.thcaseList li div{top: 246px;}*/
	.theErzi .theErziList h2{padding: 15px 0;font-size: 20px;}
	.theErzi .theErziList h3{margin: 15px 0 12px;}
	.theSearchMan.theNewsList .theSearchList li .newsImg{width: calc(100% - 80px);}
}